<div class="box box-solid box-primary">
	<div class="box-header">
		<h3 class="box-title">Search in the job ads</h3>
	</div>
	<div class="box-body">
		<!-- the events -->
        <div class="row">
           
            <div id="external-events">

			<form class="form-horizontal" method="get" action="<?php echo base_url();?>jobs/search-query">

					<div class="col-xs-4">
						<input id="key_word" name="key_word" placeholder="keyword" class="form-control input-md" type="text">
					</div><!-- /.col-xs-6 -->
					<div class="col-xs-4">
						<select class="form-control" name="category">
							<option value="">Category</option>
							<?php echo $categories;?>
						</select>
					</div><!-- /.col-xs-6 -->
					<div class="col-xs-4">
						<select class="form-control" name="location">
							<option value="">Location</option>
							<?php
									foreach($locations->result() as $location){
										$location_id=$location->job_location_id;
										$name=$location->name;
										
								?>
										<option value="<?php echo str_replace(' ','-',$name);?>"><?php echo $name;?></option>
								<?php
									}
								?>
						</select>
					</div><!-- /.col-xs-6 -->

					<div class="col-xs-3">
						<br />
					</div><!-- /.col-xs-6 -->
					<div class="col-xs-6">
						<br />
						<button class="btn btn btn-warning btn-block padding-btn">
							<i class="fa fa-fw fa-search"></i> Search
						</button>
						<h5 style="text-align: center">Contain job more than 5000</h5>
					</div><!-- /.col-xs-6 -->
					<div class="col-xs-3">
						<br />
						<br />
						<br />
						<p class="pull-right underline">
							<br />
							<a href="<?php echo base_url();?>jobs/list-all-job">View all jobs</a>
						</p>
					</div><!-- /.col-xs-6 -->
			</form>

		</div>            
        </div>
	</div><!-- /.box-body -->
</div><!-- /. box -->